<template>
	<view class="p-2">
			<!--  头像呢称 | 关注按钮 -->
			<view class="flex align-center justify-between" >
			<view class="flex align-center" >
				<!-- 头像 -->
				<image class="rounded-circle mr-2" :src="item.userpic"
				 style="width: 65rpx; height: 65rpx;
				" lazy-load></image>
				<!-- 呢称发布时间 -->
				<view>
					<view style="font-size:28rpx;line-height: 1.5;">{{item.username}}</view>
					<text style="color: #9D9589; line-height: 1.5;">{{item.newstime}}</text>
				</view>
			
			</view>
			  <!-- 图标按钮 -->
			  <view class="flex align-center justify-center rounded" 
			  style="width: 90rpx;height: 50rpx;
			   background-color: #FF4A6A;color: #FFFFFF;" >关注</view>
			</view>
			    <!-- 标题 -->
				<view style="font-size: 30rpx; margin: 10rpx 0;">{{item.title}}</view>
				 <!-- 图片 -->
				 <image class="w-100 rounded " :src="item.titlepic" 
				 style="height: 350rpx;" ></image>
			      <!-- 图标按钮 -->
				  <view class="flex  align-center" >
					  <view class="flex align-center justify-center flex-1 " >
						  <text class="iconfont icon-dianzan2 mr-2 " ></text>
						   <text>{{item.support.support_count}}</text>
					   </view>
					   <view class="flex align-center justify-center flex-1" >
					   	<text class="iconfont icon-cai mr-2" ></text>
					   	<text>{{item.support.unsupport_count}}</text>
					   </view>				   
					   <view class="flex align-center justify-center flex-1 ">
					   	<text class="iconfont icon-pinglun2 mr-2 "></text>
					   	<text>{{item.comment_count}}</text>
					   </view>				   
					   <view class="flex align-center justify-center flex-1 ">
					   	<text class="iconfont icon-fenxiang mr-2  "></text>
					   	<text>{{item.share_num}}</text>
					   </view>			  			  
				  </view>		
	</view>
</template>

<script>
	export default{
		props:{
			item: Object,
			index: Number
		}
	}
</script>

<style>
</style>
